<template>
	<view>
	<view class="zai-box">
		<image src="../../static/image/login.png" mode='aspectFit' class="zai-logo"></image>
		<view class="zai-title">智慧医疗</view>
		<view class="zai-form">
			<input class="zai-input" placeholder-class placeholder="请输入用户名"  v-model="user.name"/>
			<input class="zai-input" placeholder-class password placeholder="请输入密码" v-model="user.password"/>
			<view class="zai-label">忘记密码？</view>
			<button class="zai-btn" @click="login">立即登录</button>
			<navigator url="../../subpkg/my-register/my-register" hover-class="none" class="zai-label">还没有账号？点此注册.</navigator>
		</view>
	</view>
	</view>
</template>

<script>
	// 按需导入辅助函数
	import {
		mapMutations,
		mapState
	} from 'vuex'
	export default {
		name: "my-login",
		data() {
			return {
				userDetail: "",
				user:{},
			};
		},
		computed: {
			// 调用 mapState 辅助方法，把 m_user 模块中的数据映射到当前用组件中使用
			...mapState('m_user', ['redirectInfo']),
		},
		methods: {
			//login方法
			login(){
				let _this = this;
				uni.request({
					url:"http://localhost:9999/system/user/login",
					data:this.user,
					
					method:'POST',
					success: (res) => {
						console.log(res);
						console.log(this.user);
						if(res.data.code==200){
							_this.updateToken(res.data.data.token);
							console.log(res.data.data.token);
						}
						
					}
					
					
				})
			},
			// 返回登录之前的页面
			navigateBack() {
				// redirectInfo 不为 null，并且导航方式为 switchTab
				if (this.redirectInfo && this.redirectInfo.openType === 'switchTab') {
					// 调用小程序提供的 uni.switchTab() API 进行页面的导航
					uni.switchTab({
						// 要导航到的页面地址
						url: this.redirectInfo.from,
						// 导航成功之后，把 vuex 中的 redirectInfo 对象重置为 null
						complete: () => {
							this.updateRedirectInfo(null)
						}
					})
				}
			},
			// 调用 mapMutations 辅助方法，把 m_user 模块中的方法映射到当前组件中使用
			...mapMutations('m_user', ['updateUserInfo', 'updateToken', 'updateRedirectInfo','saveUserInfoToStorage']),
			// // 获取微信用户的基本信息
			//  getUserProfile(e) {
			//     // 推荐使用wx.getUserProfile获取用户信息，开发者每次通过该接口获取用户个人信息均需用户确认
			//     // 开发者妥善保管用户快速填写的头像昵称，避免重复弹窗
			//     wx.getUserProfile({
			//       desc: '用于完善会员资料', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
			//       success: (res) => {

			// 	this.updateToken(res);
			//        console.log(res);
			//         }})




			//   },
			// getUserInfo() {
			//   wx.getUserInfo({
			//              success: function(res) {
			//                console.log(res)

			//  //将用户的基本信息存储到 vuex 中}
			//  }})
			//    this.updateUserInfo(this.userDetail);
			//  // 2. 更新 vuex 中的 token
			//     this.updateToken(this.userDetail);

			//  },





			// // 判断是否获取用户信息成功
			// if (e.detail.errMsg === 'getUserInfo:fail auth deny') return uni.$showMsg('您取消了登录授权！')

			//  // 获取用户信息成功， e.detail.userInfo 就是用户的基本信息
			//  console.log(e.detail.userInfo)
			// //  将用户的基本信息存储到 vuex 中
			//     this.updateUserInfo(e.detail.userInfo)
			//   // 获取登录成功后的 Token 字符串
			//    this.getToken(e.detail)

			//  // 调用登录接口，换取永久的 token
			//  async getToken(info) {
			//    // 判断是否 uni.login() 调用失败
			//    if ( res.errMsg !== 'login:ok') return uni.$showError('登录失败！')
			// console.log(info)


			//   // 准备参数对象
			//   const query = {
			//     code: res.code,
			//     encryptedData: info.encryptedData,
			//     iv: info.iv,
			//     rawData: info.rawData,
			//     signature: info.signature
			//   }

			//   // 换取 token
			//   const { data: loginResult } = await uni.$http.post('/api/public/v1/users/wxlogin', query)
			//   if (loginResult.meta.status !== 200) return uni.$showMsg('登录失败！')
			//   uni.$showMsg('登录成功')
		}

	}
</script>

<style lang="less">

		// 按钮下方提示消息的样式
		.tips-text {
			font-size: 12px;
			color: gray;
		}

	.zai-box {
		padding: 0 100upx;
		position: relative;
	}

	.zai-logo {
		width: 100%;
		width: 100%;
		height: 310upx;
	}

	.zai-title {
		position: absolute;
		top: 0;
		line-height: 360upx;
		font-size: 68upx;
		color: #fff;
		text-align: center;
		width: 100%;
		margin-left: -100upx;
	}

	.zai-form {
		margin-top: 300upx;
	}

	.zai-input {
		background: #e2f5fc;
		margin-top: 30upx;
		border-radius: 100upx;
		padding: 20upx 40upx;
		font-size: 36upx;
	}

	.input-placeholder,
	.zai-input {
		color: #94afce;
	}

	.zai-label {
		padding: 60upx 0;
		text-align: center;
		font-size: 30upx;
		color: #a7b6d0;
	}

	.zai-btn {
		background: #ff65a3;
		color: #fff;
		border: 0;
		border-radius: 100upx;
		font-size: 36upx;
	}

	.zai-btn:after {
		border: 0;
	}

	/*按钮点击效果*/
	.zai-btn.button-hover {
		transform: translate(1upx, 1upx);
	}
</style>